{% extends "el_guan/base.html" %}
{% load future wenlincms_tags staticfiles wlcore_tags %}
{% block main %}
    <script>
        function menucolor() {
            if ($(window).scrollTop() > document.getElementById("bander").clientHeight - 50) {
                $('#home').css({'background-color': 'rgba(241, 241, 241,1)'});
                $('.top-nav ul li a').css({'color': '#000'});
                $('.logo a').html('<img src="{{ STATIC_URL }}el_guan/images/logo_top_jh.png" title="元素征信" />');
            } else {
                $('#home').css({'background-color': 'rgba(241, 241, 241,0)', 'border': '1px '});
                $('.top-nav ul li a').css({'color': '#fff'});
                $('.logo a').html('<img src="{{ STATIC_URL }}el_guan/images/logo_top_bb.png" title="元素征信" />');
            }
        }
        function hidmenu() {
            if ($("#pull").is(":visible")) {
                $('#home').css({'background-color': 'rgba(241, 241, 241,0)'});
                $('.top-nav ul li a').css({'color': '#000'});
                $('.logo a').html('');
                $('#pull img').css({'display': 'none'});

            }
        }
        $(function () {
            $(window).scroll(function () {
                        if ($("#pull").is(":hidden")) {
                            menucolor();
                        }
                        else {
                            $('#home').css({'background-color': 'rgba(241, 241, 241,0)'});
                            $('.top-nav ul li a').css({'color': '#000'});
                            $('.logo a').html('');
                            {#                 $("bander").css({"margin-top":"50px"});#}
                            $('#pull img').css({'display': 'none'});

                        }
                    }
            )
        });
    </script>
    <div class="slider" id="bander">
        <script src="{{ STATIC_URL }}opensource/jquery/js/responsiveslides.min.js"></script>
        <script>
            {#			    // You can also use "$(window).load(function() {"#}
            $(function () {
                $("#slider3").responsiveSlides({
                    manualControls: '#slider3-pager',
                });
            });
        </script>
        {#			<!-- Slideshow -->#}
        <ul class="rslides" id="slider3">
            <li><img src="{{ STATIC_URL }}el_guan/images/banner-main1.jpg" alt="">

{#                <div class="slid-info">#}
{#                    <h1>诚信无价，信用有价</h1>#}
{##}
{#                    <p></p>#}
                    {#				<!--a class="slid-btn" href="#">Read More</a> </div-->#}
            </li>
            <li><img src="{{ STATIC_URL }}el_guan/images/banner-main1.png" alt="">

{#                <div class="slid-info">#}
{#                    <h1>保持高尚的操守 做您信赖的伙伴</h1>#}
{##}
{#                    <p></p>#}
                    {#				<!--a class="slid-btn" href="#">Read More</a> </div-->#}
            </li>
{#            <li><img src="{{ STATIC_URL }}el_guan/images/slider-img3.jpg" alt="">#}
{##}
{#                <div class="slid-info">#}
{#                    <h1>我们致力于</h1>#}
{##}
{#                    <p>为银行、保险及其他金融行业提供成熟的信用决策支持服务，提升决策效力；</p>#}
{##}
{#                    <p> 为商业企业提供可靠的商业资信和风险管理服务，管控运营风险；</p>#}
{##}
{#                    <p>为政府部门提供完善的社会信用体系建设方案，助力诚信社会建设</p>#}
                    {#				<!--a class="slid-btn" href="#">Read More</a> </div-->#}
{#            </li>#}
        </ul>
        {#			<!-- Slideshow -->#}
        <ul id="slider3-pager">
            <li><a href="#"><span> </span></a></li>
            <li><a href="#"><span> </span></a></li>
            <li><a href="#"><span> </span></a></li>
        </ul>
    </div>
    {#<!-----//End-slider---->#}
    {#<!-----start-team----->#}
    <div id="team" class="team">
        <div class="container">
            <div class="team-members text-center">
                <div class="col-md-6 team-member"><a class="member-pic" href="#"><img
                        src="{{ STATIC_URL }}el_guan/images/subpage/l2.png" title="member-name"/></a>

                    <h3><a href="#">风控盾</a></h3>
                    <span>数据集市平台</span>
                    <p>率先对接政府数据、征信机构、金融机构、大型集团、电商平台及运营商等数据渠道，实现了超过5000+维度鲜活数据，可实时客户端查询和API接口两种方式。</p>
                </div>
                <div class="col-md-6 team-member"><a class="member-pic" href="#"><img
                        src="{{ STATIC_URL }}el_guan/images/subpage/l3.png" title="member-name"/></a>

                    <h3><a href="#">元素吉灵</a></h3>
                    <span>SAAS系统</span>

                    <p>基于数据集市平台的海量数据和授权全量本地数据仓库开发的SAAS系统，集七大功能于一身：信用报告、全维筛查、评分模型、关联图谱、风险预警、产业分析、GIS信息</p>
                </div>
            </div>
        </div>
    </div>
    {#<!-----//End-team----->#}

    {#<!----start-about----->#}
    <div id="about" class="about">
        <div class="container">
            <h2>企业优势</h2>

            <p class="wellcome-note-head">
                <label>我们是一个完整的数字机构服务</label>
                我们定位于为国内各类金融机构提供针对特定业务场景的 <span>信用类基础</span>和<span>增值服务</span></p>

            <p class="wellcome-note-info">
                公司总部位于北京中关村，拥有数据采集、清洗、建模以及可视化方面的大数据全产业链人才，目前已经获得国家人民银行首批颁发的征信业务经营牌照以及中关村高新企业认证。公司在发展过程中得到了工信部、中国电子商务协会等诸多单位的大力支持，积极按照国务院颁布的《征信业管理条例》中规定内容完善公司制度并开展业务，公司不断研究国外成熟征信业务模式，结合国内金融行业具体应用场景提供解决方案。</p>

            <div class="about-grids">
                <div class="col-md-3 about-grid"><span class="about-icon"> </span>

                    <h3><a href="#">人才<label>优势</label></a></h3>

                    <p>团队人员，全部大学以上学历，博士级人员占公司人数10%。大数据分析，评价建模的80%人员经验超过3年以上，骨干人员超过6年行业实战经验.</p>
                </div>
                <div class="col-md-3 about-grid"><span class="about-icon1"> </span>

                    <h3><a href="#">产品<label>优势</label></a></h3>

                    <p>产品优势：公司一直深耕征信和风控领域，自主研发了多种征信、风控产品。丰富的产品线为金融、政府、保险等行业提供多种解决方案.</p>
                </div>
                <div class="col-md-3 about-grid"><span class="about-icon2"> </span>

                    <h3><a href="#">技术<label>优势</label></a></h3>

                    <p>多年致力于征信系统应用开发，始终紧跟软件前端技术，技术的延伸性和先进性有机结合，形成了真正可靠稳定的技术优势。可实现秒级数据反馈。</p>
                </div>
                <div class="col-md-3 about-grid"><span class="about-icon3"> </span>

                    <h3><a href="#">营销<label>优势</label></a></h3>

                    <p>布局32省份，四大事业部支撑公司产品落地，北上广深及准一线城市为公司主要战场.</p>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        {#			<!----//End-about-grids-----> #}
    </div>

    <script type="text/javascript" src="{{ STATIC_URL }}opensource/jquery/js/jquery.flexisel.js"></script>
    <div class="brand-carsuals">
        <ul id="flexiselDemo3">
            <li><img src="{{ STATIC_URL }}el_guan/images/bank/1.png"/></li>
            <li><img src="{{ STATIC_URL }}el_guan/images/bank/2.png"/></li>
            <li><img src="{{ STATIC_URL }}el_guan/images/bank/3.png"/></li>
            <li><img src="{{ STATIC_URL }}el_guan/images/bank/4.png"/></li>
            <li><img src="{{ STATIC_URL }}el_guan/images/bank/5.png"/></li>
            <li><img src="{{ STATIC_URL }}el_guan/images/bank/6.png"/></li>
            <li><img src="{{ STATIC_URL }}el_guan/images/bank/7.png"/></li>
            <li><img src="{{ STATIC_URL }}el_guan/images/bank/8.png"/></li>
            <li><img src="{{ STATIC_URL }}el_guan/images/bank/9.png"/></li>
            <li><img src="{{ STATIC_URL }}el_guan/images/bank/10.png"/></li>
            <li><img src="{{ STATIC_URL }}el_guan/images/bank/11.png"/></li>
            <li><img src="{{ STATIC_URL }}el_guan/images/bank/12.png"/></li>
            <li><img src="{{ STATIC_URL }}el_guan/images/bank/13.png"/></li>
            <li><img src="{{ STATIC_URL }}el_guan/images/bank/15.png"/></li>
            <li><img src="{{ STATIC_URL }}el_guan/images/bank/16.png"/></li>
            <li><img src="{{ STATIC_URL }}el_guan/images/bank/17.png"/></li>
            <li><img src="{{ STATIC_URL }}el_guan/images/bank/18.png"/></li>
            <li><img src="{{ STATIC_URL }}el_guan/images/bank/19.png"/></li>
            <li><img src="{{ STATIC_URL }}el_guan/images/bank/20.png"/></li>
            <li><img src="{{ STATIC_URL }}el_guan/images/bank/21.png"/></li>
            <li><img src="{{ STATIC_URL }}el_guan/images/bank/22.png"/></li>
            <li><img src="{{ STATIC_URL }}el_guan/images/bank/23.png"/></li>
            <li><img src="{{ STATIC_URL }}el_guan/images/bank/24.png"/></li>
        </ul>
        <script type="text/javascript">
            $(window).load(function () {
                $("#flexiselDemo3").flexisel({
                    visibleItems:5,
                    animationSpeed: 1000,
                    autoPlay: true,
                    autoPlaySpeed: 3000,
                    pauseOnHover: true,
                    enableResponsiveBreakpoints: true,
                    responsiveBreakpoints: {
                        portrait: {
                            changePoint: 480,
                            visibleItems: 1
                        },
                        landscape: {
                            changePoint: 640,
                            visibleItems: 2
                        },
                        tablet: {
                            changePoint: 768,
                            visibleItems: 5
                        }
                    }
                });

            });
        </script>
    </div>
{% endblock %}